<template>
  <svg width="512" height="640" xmlns="http://www.w3.org/2000/svg" stroke="null">
    <g id="Layer_1">
      <ellipse fill="none" cx="256" cy="445" id="svg_9" rx="180" ry="180" :stroke="props.strokeColor" stroke-width="30"/>
      <g id="svg_10">
      <ellipse fill="none" cx="256" cy="196" id="svg_1" rx="180" ry="180" :stroke="props.strokeColor" stroke-width="30"/>
      <path :stroke="props.strokeColor" id="svg_3" d="m164.5,200l91.49999,-122l91.49999,122l-182.99999,0z" stroke-width="30" fill="none"/>
      </g>
      <line transform="rotate(90 256 532.5)" :stroke="props.strokeColor" id="svg_11" y2="532.5" x2="326.5" y1="532.5" x1="185.50001" stroke-width="30" fill="none"/>
      <line transform="rotate(40 190.678 422.287)" :stroke="props.strokeColor" id="svg_14" y2="422.2873" x2="269.40095" y1="422.2873" x1="111.95601" stroke-width="30" fill="none"/>
      <line transform="rotate(140 320.264 421.335)" :stroke="props.strokeColor" id="svg_15" y2="421.33547" x2="398.91179" y1="421.33547" x1="241.61661" stroke-width="30" fill="none"/>
    </g>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>